// booking-page.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    // 轮播图数据
    bannerList: [
      {
        id: 1,
        image: 'https://alist.gmtxlove.fun/d/%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8/imgLink/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202025-06-21%20143137.png',
        title: '夏季大促',
        subtitle: '最高可省50%',
        tag: '限时优惠'
      },
      {
        id: 2,
        image: 'https://alist.gmtxlove.fun/d/%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8/imgLink/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202025-06-21%20143137.png',
        title: '海景度假',
        subtitle: '享受完美假期',
        tag: '热门推荐'
      },
      {
        id: 3,
        image: 'https://alist.gmtxlove.fun/d/%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8/imgLink/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202025-06-21%20143137.png',
        title: '温泉之旅',
        subtitle: '放松身心',
        tag: '特色体验'
      },
      {
        id: 4,
        image: 'https://alist.gmtxlove.fun/d/%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8/imgLink/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202025-06-21%20143137.png',
        title: '城市探索',
        subtitle: '发现城市魅力',
        tag: '城市游'
      }
    ],
    currentBanner: 0, // 当前轮播图索引
    hotels: [
      {
        name: '画沙海景咖啡民宿',
        rating: '8.5',
        reviewCount: '1269',
        location: '西沙区',
        image: 'https://alist.gmtxlove.fun/d/%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8/imgLink/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202025-06-21%20143137.png',
        originalPrice: '1831',
        currentPrice: '1465'
      },
      {
        name: '海景度假酒店',
        rating: '8.8',
        reviewCount: '892',
        location: '东沙区',
        image: 'https://alist.gmtxlove.fun/d/%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8/imgLink/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202025-06-21%20143137.png',
        originalPrice: '2100',
        currentPrice: '1680'
      },
      {
        name: '城市商务酒店',
        rating: '8.2',
        reviewCount: '567',
        location: '市中心',
        image: 'https://alist.gmtxlove.fun/d/%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8/imgLink/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202025-06-21%20143137.png',
        originalPrice: '1500',
        currentPrice: '1200'
      },
      {
        name: '温泉度假村',
        rating: '9.1',
        reviewCount: '1234',
        location: '温泉区',
        image: 'https://alist.gmtxlove.fun/d/%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8/imgLink/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202025-06-21%20143137.png',
        originalPrice: '2800',
        currentPrice: '2240'
      },
      {
        name: '山景别墅',
        rating: '8.7',
        reviewCount: '456',
        location: '山区',
        image: 'https://alist.gmtxlove.fun/d/%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8/imgLink/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202025-06-21%20143137.png',
        originalPrice: '3200',
        currentPrice: '2560'
      }
    ],
    searchText: '',
    selectedDates: '6月21日 周六 - 6月22日 周日',
    selectedGuests: '1间房 · 2位成人 · 0名儿童'
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log('页面加载完成');
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    console.log('页面初次渲染完成');
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    console.log('页面显示');
    // 启动轮播图自动播放
    this.startBannerTimer();
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    console.log('页面隐藏');
    // 停止轮播图自动播放
    this.stopBannerTimer();
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    console.log('页面卸载');
    // 清理轮播图定时器
    this.stopBannerTimer();
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    console.log('用户下拉刷新');
    // 模拟刷新数据
    setTimeout(() => {
      wx.stopPullDownRefresh();
    }, 1000);
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    console.log('页面上拉触底');
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    return {
      title: 'Booking.com - 旅行更多，花费更少',
      path: '/pages/booking-page/booking-page'
    };
  },

  /**
   * 搜索输入框输入事件
   */
  onSearchInput: function (e) {
    this.setData({
      searchText: e.detail.value
    });
  },

  /**
   * 搜索按钮点击事件
   */
  onSearchTap: function () {
    if (!this.data.searchText.trim()) {
      wx.showToast({
        title: '请输入搜索内容',
        icon: 'none'
      });
      return;
    }
    
    console.log('搜索内容:', this.data.searchText);
    wx.showToast({
      title: '搜索中...',
      icon: 'loading'
    });
    
    // 这里可以添加实际的搜索逻辑
    setTimeout(() => {
      wx.showToast({
        title: '搜索完成',
        icon: 'success'
      });
    }, 2000);
  },

  /**
   * 酒店卡片点击事件
   */
  onHotelTap: function (e) {
    const index = e.currentTarget.dataset.index;
    const hotel = this.data.hotels[index];
    
    console.log('点击酒店:', hotel.name);
    
    wx.showModal({
      title: hotel.name,
      content: `评分: ${hotel.rating}\n位置: ${hotel.location}\n价格: ${hotel.currentPrice}元`,
      showCancel: false,
      confirmText: '确定'
    });
  },

  /**
   * 日期选择点击事件
   */
  onDateTap: function () {
    wx.showToast({
      title: '日期选择功能开发中',
      icon: 'none'
    });
  },

  /**
   * 客人选择点击事件
   */
  onGuestTap: function () {
    wx.showToast({
      title: '客人选择功能开发中',
      icon: 'none'
    });
  },

  /**
   * 住宿标签点击事件
   */
  onAccommodationTap: function () {
    wx.showToast({
      title: '切换到住宿模式',
      icon: 'success'
    });
  },

  /**
   * 景点标签点击事件
   */
  onAttractionTap: function () {
    wx.showToast({
      title: '切换到景点模式',
      icon: 'success'
    });
  },

  /**
   * 特惠活动点击事件
   */
  onPromotionTap: function () {
    wx.showToast({
      title: '查看特惠活动详情',
      icon: 'none'
    });
  },

  /**
   * Genius卡片点击事件
   */
  onGeniusTap: function () {
    wx.showToast({
      title: 'Genius会员专享优惠',
      icon: 'none'
    });
  },

  /**
   * 轮播图切换事件
   */
  onBannerChange: function (e) {
    this.setData({
      currentBanner: e.detail.current
    });
  },

  /**
   * 轮播图点击事件
   */
  onBannerTap: function (e) {
    const index = e.currentTarget.dataset.index;
    const banner = this.data.bannerList[index];
    
    console.log('点击轮播图:', banner.title);
    
    wx.showModal({
      title: banner.title,
      content: banner.subtitle,
      showCancel: false,
      confirmText: '确定'
    });
  },

  /**
   * 轮播图自动播放定时器
   */
  startBannerTimer: function () {
    this.bannerTimer = setInterval(() => {
      const nextIndex = (this.data.currentBanner + 1) % this.data.bannerList.length;
      this.setData({
        currentBanner: nextIndex
      });
    }, 3000); // 3秒切换一次
  },

  /**
   * 停止轮播图自动播放
   */
  stopBannerTimer: function () {
    if (this.bannerTimer) {
      clearInterval(this.bannerTimer);
      this.bannerTimer = null;
    }
  }
}); 